<template>
  <div class="home">
    <Home-page-head></Home-page-head>
    <HomePageBody :data="listData"></HomePageBody>
    <FloorCopyright></FloorCopyright>
  </div>
</template>

<script>
import HomePageHead from "@/components/homePageHead/HomePageHead.vue";
import HomePageBody from "@/components/homePageHead/HomePageBody.vue";
import FloorCopyright from "@/components/floorCopyright/FloorCopyright.vue";
export default {
  components: { HomePageHead, HomePageBody, FloorCopyright },
  name: "IndexPage",
  provide: {
    pitch: 10,
  },

  data() {
    return {
      listData: [],
    };
  },
  async asyncData({ $axios }) {
    const data = await $axios.get("/dashuju");

    return {
      listData: data.data.data,
    };
  },
};
</script>
<style lang="less" scoped>
.home /deep/ .body-icon {
  background-color: #426579;
}
</style>
